<template>
    <div class="microParNode">
        <!-- <template v-if="store.getters.microAppData.url">
            <micro-app
                :name="store.getters.microAppData.routeName"
                :baseroute="store.getters.microAppData.baseroute"
                :url="store.getters.microAppData.url"
                :class="store.getters.microAppData.permissionFlags"
                :onMounted="microAppMounted()"
                :data="{
                    userInfo: store.getters.userInfo,
                    microAppData: store.getters.microAppData,
                }"
                @datachange="handleDataChange"
            ></micro-app>
        </template> -->
        <InDevelopment />
        <!-- <NoPermission /> -->
    </div>
</template>
<script lang="ts" setup></script>
<style scoped lang="scss" src="./index.scss"></style>
<style>
micro-app {
    height: 100%;
}

micro-app-body {
    overflow: auto !important;
    height: 100%;
}

/*修改滚动条样式*/
micro-app-body::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    /**/
}

micro-app-body::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 2px;
}

micro-app-body::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 8px;
}

micro-app-body::-webkit-scrollbar-thumb:hover {
    background: #333;
}
</style>
